大家好,我是Karin。今天要來學習的內容是-解構賦值 Destructuring Assignment。
今天要來練習解構賦值的操作及延伸應用。
課程內容來自:彭彭的教學影片
https://www.youtube.com/watch?v=AMwRSPh2G3U&list=PL-g0fdC5RMbqW54tWQPIVbhyl_Ky6a2VI&index=28
複習一下
let arr=[3,4,5];
let[d1,d2,d3]=arr;
let a=1,
let b=2;
[b,a]=[a,b];
let obj={x:3,y:4};
let {x,y}=obj;
變數會根據物件成員名稱做對應,x變數對應到物件中的x,y變數對應到物件中的y。
若為多參數函數,可以這樣改寫:
使用一個物件(args)來代表多個參數,呼叫時採用物件型式(n1,n2)傳入。
function add(args){
console.log(args.n1+args.n2);
}
add({n1:3,n2:4});
解構賦值後
function add({n1,n2}){
console.log(n1+n2);
}
add({n1:3,n2:4})
此處會直接將n1:3,n2:4分別帶入n1,n2中,並進行後續函式中的加法運算並輸出。